<template>
    <el-dialog :title="extData.title" :visible="thisVisible" :width="width">
        <span>这是一段信息</span>
        <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="thisVisible = false">确 定</el-button>
        </span>
    </el-dialog>
</template>
<script>
export default {
    data() {
      return{
        thisVisible:false
      }
    },
    props: {
        extData: {
            type: Object,
            defautl: {}
        },
        visible: {
            type: Boolean,
            default: false
        },
        width: {
            type: String,
            default: "60%"
        }
    },
    watch: {
      visible(newVal){
        this.thisVisible = newVal;
      }
    }
};
</script>
